<template>
    <div class="notice-wrap">
        <van-nav-bar title="公司简介" left-arrow fixed @click-left="onClickLeft" />
        <!-- <div class="banner">— 华微谷 —</div> -->
        <!-- <div class="title">{{company.title}}</div> -->
        <!-- <div class="content" v-html="company.content"></div> -->
        <img style="width: 100%;" :src="company.content" alt="">
            <!-- <span>华微谷</span> 成立于2019年公司位于中国杭州是一家以支付产品为基础的技术开发服务型企业，秉承“让支付更简捷”的理念，致力于打造国内知名的移动支付产品服务平台。
            成立于2019年公司位于中国杭州是一家以支付产品为基础的技术开发服务型企业，秉承“让支付更简捷”的理念，致力于打造国内知名的移动支付产品服务平台。 -->
        <!-- </div> -->


    </div>
</template>

<script>
import { COMPANY_INTRODUCTION } from '@/api/mine';
export default {
    data() {
        return {
            // 分页
            page: 1,
            pageSize: 20,
            list: [],
            loadingPage: false,
            finished: false,
            company:{}
        }
    },
    created() {
        // this.init();
        this.$http.get(COMPANY_INTRODUCTION).then(res=>{
            this.company=res.data
        })  
    },
    methods: {
        onClickLeft() {
            this.$router.back()
        },
        // handleToInfo(item) {
        // 	localStorage.setItem('noticeInfo', JSON.stringify(item));
        // 	this.$router.push({
        // 		name: 'noticeInfo'
        // 	})
        // },
        // init() {
        // 	let params = {};
        // 	params['page_num'] = this.page;
        // 	params['page_size'] = this.pageSize;

        // 	this.$http.get(NOTICE_LIST, {
        // 	  params
        // 	})
        // 	.then(res => {
        // 	  const {
        // 	    list
        // 	  } = res.data;

        // 	  if(list && list.length) {
        // 	     this.page++;
        // 	     this.list = this.list.concat(list);
        // 	     // 加载状态结束
        // 	     this.loadingPage = false;
        // 	     if(list.length < this.pageSize) {
        // 	      this.finished = true;
        // 	     }
        // 	  }else {
        // 	    this.finished = true;
        // 	  }
        // 	})
        // }
    }
}
</script>

<style lang="scss">
.notice-wrap {
    min-height: 100vh;
    padding-top: 46px;
    background-color: #F5F5F5;
    box-sizing: border-box;

    .van-nav-bar .van-icon {
        color: #333333;
    }

    .van-nav-bar__arrow {
        font-size: 20px;
    }

    .banner {
        height: 3.04rem;
        background: url('../../images/mine/banner_gs.png') no-repeat center;
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: .36rem;
        text-align: center;
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .title {
        position: relative;
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: .32rem;
        text-align: center;
        color: #333333;
        margin-top: .38rem;
    }

    .title::after {
        content: '';
        position: absolute;
        width: 1.28rem;
        height: .14rem;
        background: linear-gradient(90deg, #FF8911 0%, rgba(255, 137, 17, 0) 100%);
        left: 50%;
        bottom: .0rem;
        transform: translateX(-50%);
    }

    .content {
        width: 95%;
        margin: 0 auto;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 14px;
        margin-top: .28rem;
        color: #333;
        line-height: .4rem;
        text-indent: .2rem;
        span {
            color: #FF6200;
        }
    }

}
</style>